﻿<%@ Page Title="Control Chart" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="Chart._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<script src="Scripts/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.mousewheel.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui.min.js" type="text/javascript"></script
<script src="Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="Scripts/globalize.js" type="text/javascript"></script>
<script src="Scripts/globalize.culture.de-DE.js" type="text/javascript"></script>
<script src="Scripts/roughrock.js" type="text/javascript"></script>
<script src="Scripts/chartcontrol.js" type="text/javascript"></script>
<link rel="stylesheet" href="Styles/jquery-ui.css" />


</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div>
        <input type="radio" name="pagemode" id="pagemode_refresh" value="0"  checked="checked"/>Refresh
        <input type="radio" name="pagemode" id="pagemode_fixed" value="1"  />Fix 
    </div>
    <div class= "topmenu" id ="topmenu">
        <table>
            <tr>
                <td class="lable">
                     <label>Line:</label>
                </td>
                <td class="content">
                    <select  name="selectline" id="selectline" style="width:100%">
                    </select>
                </td>
                <td class="margin"></td>
                <td class="lable">
                    <label>X-Bar:</label>
                </td>
                <td class="content">
                    <input type="text" id="xBar" name="xBar"/>
                </td>
                <td class="margin"></td>
                <td class="lable">
                    <label>R-Bar:</label>
                </td>
                <td class="content">
                    <input type="text" id="rBar" name="rBar"/>
                </td>
            </tr>
            <tr>
                <td class="lable">
                     <label>Part No:</label>
                </td>
                <td class="content">
                    <select  name="selectPartNo" id="selectPartNo" style="width:100%">
                    </select>
                </td>
                <td class="margin"></td>
                <td class="lable">
                    <label>Date From:</label>
                </td>
                <td class="content">
                    <input type="text" id="Fromdatepicker" />
                </td>
                <td class="margin"></td>
                <td class="lable" >
                    <label id="labelTodatepicker">Date To:</label>
                </td>
                <td class="content">
                    <input type="text" id="Todatepicker"/>
                </td>
            </tr>
            <tr>
                <td class="lable">
                    <label>Test Plan ID:</label>
                </td>
                <td class="content">
                    <select  name="selectTestPlan" id="selectTestPlan" style="width:100%">
                      <option value="0" >M1</option>
                      <option value ="1">M2</option>
                    </select>
                </td>
                <td class="margin"></td>
                <td class="lable">
                    <label>Time From:</label>
                </td>
                <td class="content">
                    <input id="spinnerTimeFrom" name="spinner" value="00:00" style="width:50%"/>
                </td>
                <td class="margin"></td>
                <td class="lable">
                    <label>Time To:</label>
                </td>
                <td class="content">
                    <input id="spinnerTimeTo" name="spinner" value="23:59" style="width:50%"/>
                </td>
            </tr>
            <tr>
              <td class="lable">
                     <label id="lableFunctionalTest">Functional Test ID:</label>
                </td>
                <td class="content">
                    <select  name="selectfunctionalTest" id="selectfunctionalTest" style="width:100%">
                    </select>
                </td>
                <td class="margin"></td>
                <td class="lable">
                    <label>UCL/LCL:</label>
                </td>
                <td class="content">
                    <input type="radio" name="ulcmode" value="0" checked="checked" />Calculated
                    <input type="radio" name="ulcmode" value="1" />Fixed 
                </td>
                <td class="margin"></td>
                <td class="lable">
                    <label>UCL_R:</label>
                </td>
                <td class="content">
                    <input type="radio" name="ulcrmode" value="0" checked="checked" />Calculated
                    <input type="radio" name="ulcrmode" value="1" />Fixed 
                </td>
            </tr>
            <tr>
                <td class="lable"></td>
                <td class="content"></td>
                <td class="margin"></td>
                <td class="lable"></td>
                <td class="content"></td>
                <td class="margin"></td>
                <td class="lable"></td>
                <td class="content">
                    <input type="button"  id="btnRefresh" value="Refresh" />
                </td>
            </tr>
        </table>
    </div>
    <div id="chartInfo">
        <p id="pchartInfo">
        </p>
    </div>
    <div id="isRemark" class="warning"></div>
    <div style="overflow:auto; height:720px" >
        <div id="individualsContainer" style="width: 920px; height: 350px; margin: 0 auto" ></div>
        <div id="movingRangeContainer" style="width: 920px; height: 350px; margin: 0 auto"></div>
    </div>
</asp:Content>
